<div class="module inbox-view">
    <div class="module__title">
        <h1> {{ outbox.title }}  </h1>
    </div>
</div>
<div class="module directive">
    <div class="inbox">

        <!--<div class="search-bar">-->
            <!--<div class="inbox__count">-->
                <!--You have {{ messages.length && messages.length || 'no' }} messages-->
            <!--</div>-->
            <!--<div ng-hide="!messages.length">-->
                <!--<input type="text" class="inbox__search"-->
                       <!--ng-model="inbox.search" placeholder="Search by 'from', e.g. TicketMaster">-->
            <!--</div>-->

        <!--</div>-->
        <ul class="inbox__list">
            <li ng-show="!messages.length" class="no-emails">
                No messages! Try sending one to a friend.
            </li>
            {{messages}}
            <li ng-repeat="message in messages track by $index">
                <div class="inbox__list-info">
                    <p class="inbox__list-from"> To: {{ message.to }} </p>
                    <p class="inbox__list-date"> {{ message.date | date: 'dd/MM/yyyy' }} </p>
                    <p class="inbox__list-read"> {{ message.subject }} </p>
                </div>
                <!--<div class="inbox__list-actions">-->
                    <!--<a href="" ng-click="inbox.unread(message.id);">-->
                        <!--unread-->
                    <!--</a>-->
                    <!--<a href="" ng-click="inbox.deleteMessage(id, $index);">-->
                        <!--Delete-->
                    <!--</a>-->
                <!--</div>-->
            </li>
        </ul>
    </div>
</div>